@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";

body{
	background-color:$bg02;
}
.recharge{
	padding:1.4rem;
	.recharge-card{
		margin-bottom:3.2rem;
	    position:relative;
		border-top-left-radius: 0.4rem;
		border-top-right-radius: 0.4rem;
		background-color:$bg00;
		.m-balance{
			padding:0.8rem 0 0.8rem 4.2rem;
			span,sub,strong{
				vertical-align:middle;
			}
			span{
				color:$color01;
				font-size:$fs14;
				margin-right:0.8rem;
			}
			sub{
				font-size:$fs14;
				color:$color05;
			}
			strong{
				font-size:$fs20;
				color:$color05;
			}
		}
		.pattern{
			background:url("/images/pattern.png") no-repeat center center;
			background-size:100%;
			height:1.2rem;
			position:absolute;
			left:0;
			bottom:-0.6rem;
			width:100%;
		}
	}
	.recharge-money{
		.money-row{
			@extend .flex-row;
			justify-content: space-between;
			margin:0.8rem 0;
			.money-item{
				border:1.5px solid $border01;
				@include radius(0.4rem);
				width:7.7rem;
				height:3.5rem;
				line-height:3.5rem;
				text-align:center;
				font-size:$fs14;
				&.money-item-active{
					background-color:$bg04;
					border:1.5px solid $bg04;
					color:$color10;
				}			
			}
		}

	}
	.recharge-btn{
		padding-top:2.8rem;
		button{
			@include green-button();
		}
	}
	.othermoney{
	  display:none; 
	  @include placeholder($color01);
	  input{
	     border: 1.5px solid $border01;
        @include radius();
		background-color:$bg02;
		width:96%;
		padding:2%;
		line-height:2.2rem;
		color:$color01;
		font-size:$fs15;
	  }
	}
}
@import "../common/scss/layer";
@import "./select";